<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/洗衣机.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>产品选购-列表</title>
<!-- InstanceEndEditable -->
<link rel="stylesheet" type="text/css" href="Content/base.css" />
<link rel="stylesheet" type="text/css" href="Content/style.css" />
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>
<body>
<div class="wrapper">
  <div id="header">
    <div class="rnav">
      <ul>
        <li><a href="#">加入我们</a></li>
        <li><a href="#">联系我们</a></li>
      </ul>
    </div>
    <div class="menu-bar fn-clear">
      <div class="logo"> <a href="#"> <img src="Content/images/logo.png" /></a> </div>
      <ul id="topMenu" class="menu">
        <!-- InstanceBeginEditable name="menu" -->
        <li class="top"><a href="首页.html">首页</a></li>
        <li class="top"><a href="关于ALTUS.html">关于ALTUS</a>
        	<ul class="sub">
            	<li><a href="关于ALTUS-品牌愿.html景">品牌愿景</a></li>
                <li><a href="关于ALTUS-ALTUS全球.html">ALTUS全球</a></li>
                <li><a href="关于ALTUS-ALTUS与中国.html">ALTUS与中国</a></li>
                <li><a href="关于ALTUS-ALTUS时间轴.html">ALTUS时间轴</a></li>
            </ul>
        </li>
        <li class="top"><a href="产品选购.html" class="now">产品选购</a>
        	<ul class="sub haspic">
            	<li><a href="产品选购-洗衣机.html"><img src="Content/images/xyj.png" height="85" />洗衣机</a></li>
                <li><a href="产品选购-干衣机.html"><img src="Content/images/gyj.png" height="85" />干衣机</a></li>
                <li><a href="产品选购-冰箱.html"><img style="margin-left:30px;" src="Content/images/bx.png" height="85" />冰箱</a></li>
            </ul>
        </li>
        <li class="top"><a href="新闻中心.html">ALTUS新闻</a>
        	<ul class="sub">
            	<li><a href="新闻中心-专题报道.html">专题报道</a></li>
                <li><a href="新闻中心-产品新闻.html">产品新闻</a></li>
            </ul>
        </li>
        <li class="top"><a href="客户服务.html">客户服务</a>
        	<ul class="sub">
            	<li><a href="客户服务-Altus客服.html">Altus客服</a></li>
                <li><a href="客户服务-咨询留言.html"></a></li>
            </ul>
        </li>
        <li class="top last"><a href="营销互动.html">营销互动</a></li>
        <!-- InstanceEndEditable -->
      </ul>
      <div class="searchBox">
        <input type="text" class="txt" value="Search" />
        <input type="submit" class="btn" value="Go" />
      </div>
    </div>
  </div>
  <div class="main-page fn-clear">
    <div class="main-left">
      <div class="site-path"> 您在这里： 
	  <!-- InstanceBeginEditable name="sitePath" -->
      	<a href="产品选购.html">产品选购</a> &gt; <a href="产品选购-洗衣机、干衣机.html">洗衣机、干衣机</a>
	  <!-- InstanceEndEditable -->
      </div>
      <hr class="s1" />
      <!-- InstanceBeginEditable name="leftProInfo" -->
      <div class="pro-base">
      	<div class="pro-searchbar">
        	<form>
            	<input type="text" class="text" value="AL007" />
                <input type="submit" class="button" value="搜索" />
            </form>
        </div>
        <div class="btns fn-clear">
        	<a href="#" class="ss1">1</a>
            <a href="#" class="ss1">1</a>
        </div>        
      </div>
      <div class="filter-col">
          <div class="category">类型</div>
          <div class="cnt">
          	<ul class="rant fn-clear">
            	<li>波轮</li>
                <li>滚筒</li>
            </ul>
          </div>
      </div>
      <div class="filter-col">
          <div class="category">机体颜色</div>
          <div class="cnt">
          	<ul class="jtcolor fn-clear">
            	<li style="background:white;">white</li>
                <li style="background:black;">black</li>
            </ul>
          </div>
      </div>
      <div class="filter-col">
          <div class="category">洗涤容量(公斤)</div>
          <div class="cnt">
          	<ul class="vlist">
            	<li><input type="checkbox" /> 5公斤</li>
                <li><input type="checkbox" /> 6公斤</li>
                <li><input type="checkbox" /> 7公斤</li>
            </ul>
          </div>
      </div>
      <div class="filter-col">
          <div class="category">特色功能</div>
          <div class="cnt">
          	<ul class="vlist">
            	<li><input type="checkbox" /> 快洗</li>
                <li><input type="checkbox" /> 欧洲原装进口</li>
            </ul>
          </div>
      </div>
	  <!-- InstanceEndEditable -->
    </div>
    <div class="page page2">
	  <!-- InstanceBeginEditable name="pagemain" -->
      <h1 class="page-title">洗衣机、干衣机</h1>
      <div class="page-product">
      	<div class="pro-banner pro-banner2">
        	<img src="Content/images/pro-banner2.png" width="820" />
            <a class="abLink" href="#">WCE 15085 P</a>
        </div>
        <div class="pro-filter">
            <p>排序方式</p>
            <div class="f-form fn-clear">
                <div id="btnFilterType" class="filer-type fn-left">
                	<p class="show">最新</p>
                    <div class="list">
                        <ul>
                            <li>最新</li>
                            <li>热门</li>
                        </ul>
                    </div>
                </div>
                <ul id="radioItem" class="radioItem fn-left">
                	<li class="t1">比较(0)</li>
                    <li class="t2">近期浏览(9)</li>
                </ul>
            </div>
          </div>
        <div id="pro-sellist" class="pro-sellist fn-clear"><!-- #BeginLibraryItem "/Library/选择对比页_产品.lbi" -->
<div class="pro-item">
	<div class="inner-item">
        <div class="pic">
            <a href="#"><img src="Content/images/xyj2.png" width="133" /></a>
        </div>
        <div class="summary">
            <p class="spec"><a href="#">AL7710</a></p>
            <p class="text">计算机和操作系统上提供一致的用户体验，并且极具成本效益。</p>
            <p class="more"><a href="#">更多</a></p>
        </div>
        <div class="chk">
            <input type="checkbox" /> 选择比较
        </div>
        <div class="detailInfo">
            <p>AL7710</p>
            <p>计算机和操作系统上提供一致的用户体验，并且极具成本效益。</p>
            <table>
                <tr>
                    <th>类型</th>
                    <td>滚筒</td>
                </tr>
                <tr>
                    <th>洗涤容量(公斤)</th>
                    <td>8</td>
                </tr>
                <tr>
                    <th>烘干容量(公斤)</th>
                    <td>4</td>
                </tr>
                <tr>
                    <th>机体颜色</th>
                    <td>奢华银</td>
                </tr>
                <tr>
                    <th>显示屏</th>
                    <td>LCD</td>
                </tr>
                <tr>
                    <th>能效等级</th>
                    <td>1</td>
                </tr>
                <tr>
                    <th>最高转速</th>
                    <td>1200</td>
                </tr>
                <tr>
                    <th>外观尺寸(W*D*H)(mm)</th>
                    <td>600*550*850</td>
                </tr>
                <tr>
                    <th>机体重量(公斤)</th>
                    <td>67</td>
                </tr>
            </table>
        </div>
        <div class="extInfo">
            <p class="spec">产品特点</p>
            <p>彭水循环，循环喷洗，保层净衣</p>
            <p>彭水循环，循环喷洗，保层净衣彭水循环，循环喷洗，保层净衣</p>
            <p>彭水循环，循环喷洗，保层净衣彭水循环，循环喷洗，保层净衣</p>
        </div>
    </div>
</div><!-- #EndLibraryItem --><!-- #BeginLibraryItem "/Library/选择对比页_产品.lbi" -->
<div class="pro-item">
	<div class="inner-item">
        <div class="pic">
            <a href="#"><img src="Content/images/xyj2.png" width="133" /></a>
        </div>
        <div class="summary">
            <p class="spec"><a href="#">AL7710</a></p>
            <p class="text">计算机和操作系统上提供一致的用户体验，并且极具成本效益。</p>
            <p class="more"><a href="#">更多</a></p>
        </div>
        <div class="chk">
            <input type="checkbox" /> 选择比较
        </div>
        <div class="detailInfo">
            <p>AL7710</p>
            <p>计算机和操作系统上提供一致的用户体验，并且极具成本效益。</p>
            <table>
                <tr>
                    <th>类型</th>
                    <td>滚筒</td>
                </tr>
                <tr>
                    <th>洗涤容量(公斤)</th>
                    <td>8</td>
                </tr>
                <tr>
                    <th>烘干容量(公斤)</th>
                    <td>4</td>
                </tr>
                <tr>
                    <th>机体颜色</th>
                    <td>奢华银</td>
                </tr>
                <tr>
                    <th>显示屏</th>
                    <td>LCD</td>
                </tr>
                <tr>
                    <th>能效等级</th>
                    <td>1</td>
                </tr>
                <tr>
                    <th>最高转速</th>
                    <td>1200</td>
                </tr>
                <tr>
                    <th>外观尺寸(W*D*H)(mm)</th>
                    <td>600*550*850</td>
                </tr>
                <tr>
                    <th>机体重量(公斤)</th>
                    <td>67</td>
                </tr>
            </table>
        </div>
        <div class="extInfo">
            <p class="spec">产品特点</p>
            <p>彭水循环，循环喷洗，保层净衣</p>
            <p>彭水循环，循环喷洗，保层净衣彭水循环，循环喷洗，保层净衣</p>
            <p>彭水循环，循环喷洗，保层净衣彭水循环，循环喷洗，保层净衣</p>
        </div>
    </div>
</div><!-- #EndLibraryItem --><!-- #BeginLibraryItem "/Library/选择对比页_产品.lbi" -->
<div class="pro-item">
	<div class="inner-item">
        <div class="pic">
            <a href="#"><img src="Content/images/xyj2.png" width="133" /></a>
        </div>
        <div class="summary">
            <p class="spec"><a href="#">AL7710</a></p>
            <p class="text">计算机和操作系统上提供一致的用户体验，并且极具成本效益。</p>
            <p class="more"><a href="#">更多</a></p>
        </div>
        <div class="chk">
            <input type="checkbox" /> 选择比较
        </div>
        <div class="detailInfo">
            <p>AL7710</p>
            <p>计算机和操作系统上提供一致的用户体验，并且极具成本效益。</p>
            <table>
                <tr>
                    <th>类型</th>
                    <td>滚筒</td>
                </tr>
                <tr>
                    <th>洗涤容量(公斤)</th>
                    <td>8</td>
                </tr>
                <tr>
                    <th>烘干容量(公斤)</th>
                    <td>4</td>
                </tr>
                <tr>
                    <th>机体颜色</th>
                    <td>奢华银</td>
                </tr>
                <tr>
                    <th>显示屏</th>
                    <td>LCD</td>
                </tr>
                <tr>
                    <th>能效等级</th>
                    <td>1</td>
                </tr>
                <tr>
                    <th>最高转速</th>
                    <td>1200</td>
                </tr>
                <tr>
                    <th>外观尺寸(W*D*H)(mm)</th>
                    <td>600*550*850</td>
                </tr>
                <tr>
                    <th>机体重量(公斤)</th>
                    <td>67</td>
                </tr>
            </table>
        </div>
        <div class="extInfo">
            <p class="spec">产品特点</p>
            <p>彭水循环，循环喷洗，保层净衣</p>
            <p>彭水循环，循环喷洗，保层净衣彭水循环，循环喷洗，保层净衣</p>
            <p>彭水循环，循环喷洗，保层净衣彭水循环，循环喷洗，保层净衣</p>
        </div>
    </div>
</div><!-- #EndLibraryItem --><!-- #BeginLibraryItem "/Library/选择对比页_产品.lbi" -->
<div class="pro-item">
	<div class="inner-item">
        <div class="pic">
            <a href="#"><img src="Content/images/xyj2.png" width="133" /></a>
        </div>
        <div class="summary">
            <p class="spec"><a href="#">AL7710</a></p>
            <p class="text">计算机和操作系统上提供一致的用户体验，并且极具成本效益。</p>
            <p class="more"><a href="#">更多</a></p>
        </div>
        <div class="chk">
            <input type="checkbox" /> 选择比较
        </div>
        <div class="detailInfo">
            <p>AL7710</p>
            <p>计算机和操作系统上提供一致的用户体验，并且极具成本效益。</p>
            <table>
                <tr>
                    <th>类型</th>
                    <td>滚筒</td>
                </tr>
                <tr>
                    <th>洗涤容量(公斤)</th>
                    <td>8</td>
                </tr>
                <tr>
                    <th>烘干容量(公斤)</th>
                    <td>4</td>
                </tr>
                <tr>
                    <th>机体颜色</th>
                    <td>奢华银</td>
                </tr>
                <tr>
                    <th>显示屏</th>
                    <td>LCD</td>
                </tr>
                <tr>
                    <th>能效等级</th>
                    <td>1</td>
                </tr>
                <tr>
                    <th>最高转速</th>
                    <td>1200</td>
                </tr>
                <tr>
                    <th>外观尺寸(W*D*H)(mm)</th>
                    <td>600*550*850</td>
                </tr>
                <tr>
                    <th>机体重量(公斤)</th>
                    <td>67</td>
                </tr>
            </table>
        </div>
        <div class="extInfo">
            <p class="spec">产品特点</p>
            <p>彭水循环，循环喷洗，保层净衣</p>
            <p>彭水循环，循环喷洗，保层净衣彭水循环，循环喷洗，保层净衣</p>
            <p>彭水循环，循环喷洗，保层净衣彭水循环，循环喷洗，保层净衣</p>
        </div>
    </div>
</div><!-- #EndLibraryItem --><!-- #BeginLibraryItem "/Library/选择对比页_产品.lbi" -->
<div class="pro-item">
	<div class="inner-item">
        <div class="pic">
            <a href="#"><img src="Content/images/xyj2.png" width="133" /></a>
        </div>
        <div class="summary">
            <p class="spec"><a href="#">AL7710</a></p>
            <p class="text">计算机和操作系统上提供一致的用户体验，并且极具成本效益。</p>
            <p class="more"><a href="#">更多</a></p>
        </div>
        <div class="chk">
            <input type="checkbox" /> 选择比较
        </div>
        <div class="detailInfo">
            <p>AL7710</p>
            <p>计算机和操作系统上提供一致的用户体验，并且极具成本效益。</p>
            <table>
                <tr>
                    <th>类型</th>
                    <td>滚筒</td>
                </tr>
                <tr>
                    <th>洗涤容量(公斤)</th>
                    <td>8</td>
                </tr>
                <tr>
                    <th>烘干容量(公斤)</th>
                    <td>4</td>
                </tr>
                <tr>
                    <th>机体颜色</th>
                    <td>奢华银</td>
                </tr>
                <tr>
                    <th>显示屏</th>
                    <td>LCD</td>
                </tr>
                <tr>
                    <th>能效等级</th>
                    <td>1</td>
                </tr>
                <tr>
                    <th>最高转速</th>
                    <td>1200</td>
                </tr>
                <tr>
                    <th>外观尺寸(W*D*H)(mm)</th>
                    <td>600*550*850</td>
                </tr>
                <tr>
                    <th>机体重量(公斤)</th>
                    <td>67</td>
                </tr>
            </table>
        </div>
        <div class="extInfo">
            <p class="spec">产品特点</p>
            <p>彭水循环，循环喷洗，保层净衣</p>
            <p>彭水循环，循环喷洗，保层净衣彭水循环，循环喷洗，保层净衣</p>
            <p>彭水循环，循环喷洗，保层净衣彭水循环，循环喷洗，保层净衣</p>
        </div>
    </div>
</div><!-- #EndLibraryItem --></div>
      </div>
      <!-- InstanceEndEditable -->
    </div>
  </div><!-- #BeginLibraryItem "/Library/Footer.lbi" --><div id="footer">
    <p>&copy;奥特斯有限公司版权所有</p>
    <p> <a href="#">条款及明细</a> | <a href="#">隐私政策</a> </p>
    <p class="beian">Copyright2011 ALTUS ALL RIGHTS Resenced. 苏ICP备 1099998号</p>
  </div><!-- #EndLibraryItem --></div>
<script type="text/javascript" src="Scripts/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="Scripts/menu.js"></script>
<!-- InstanceBeginEditable name="script" -->
<script type-"text/javascript">
	$(function(){
		$("#pro-sellist .pro-item").each(function(i){
			if((i+1)%3==0){
				$(this).addClass("last");
			}
		});
		var timeout1;
		$("#btnFilterType").hover(function(){
			var list = $(this).children(".list");
			timeout1 = setTimeout(function(){
				list.slideDown("fast");
			},500);
		},function(){
			var list = $(this).children(".list");
			clearTimeout(timeout1);
			list.slideUp("fast");
		});
		$("#btnFilterType .list li").click(function(){
			var value = $(this).html();
			$("#btnFilterType p.show").html(value);
			$(this).parent().parent().slideUp();
		});
		$("#radioItem li").click(function(e){
			var lindex = $("#radioItem li").index(this);
			if(lindex<=0){
				$("#radioItem").addClass("select1");
			} else{
				$("#radioItem").removeClass("select1");
			}
		});
		$("#pro-sellist .pic").hover(function(){
			$(this).parent().addClass("hover");
		},function(){
			$(this).parent().removeClass("hover");
		});
	});
</script>
<!-- InstanceEndEditable -->
</body>
<!-- InstanceEnd --></html>